<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>墨阅-排行榜</title>
    <link th:href="@{/moyue/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/moyue/css/index.css}"  rel="stylesheet">
    <link th:href="@{/moyue/css/loginortop.css}"  rel="stylesheet">
    <link th:href="@{/moyue/css/senording.css}"  rel="stylesheet">
    <link th:href="@{/moyue/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
    <link rel="shortcut icon" th:href="@{/moyue/images/favicon.ico}" type="image/x-icon"/>
</head>
<body>
<div class="wrip">
    <div class="header">
        <dl class="header-nav">
            <dd class="header-nav-dengluh" th:if="${session.user}==null">
                <i class="fa fa-user-o" style="color: #ff6600;margin-right: 5px"></i>
                <a href="javascript:;" onclick="upup()">登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a  th:href="@{/moyue/user/registerUI}" target="_blank">注册</a>
            </dd>
            <dd class="header-nav-dengluh" th:if="${session.user}!=null">
                <a th:each="user : ${session.user}" th:text="${user.userName}" th:href="@{/moyue/user/myhomehtml}"></a>
            </dd>
            <dd class="header-nav-dengluq"></dd>
            <dd><i class="fa fa-refresh"style="color: #ff6600;margin-right: 5px"></i> <a href="">看过</a></dd>
            <dd><i class="fa fa-user-o" style="color: #ff6600;margin-right: 5px"></i><a href="/moyue/book/bookcaselist">书架</a></dd>
            <dd><i class="fa fa-envelope-open-o" style="color: #ff6600;margin-right: 5px"></i><a href="/moyue/user/messagehtml" th:href="@{/moyue/user/messagehtml}">消息</a></dd>
            <dd><i class="fa fa-paint-brush" style="color: #ff6600;margin-right: 5px"></i><a href="/moyue/user/writerhtml" th:href="@{/moyue/user/writerhtml}">写书</a></dd>
            <dd><i class="fa fa-database" style="color: #ff6600;margin-right: 5px"></i><a href="javascript:;" onclick="yesuser()">充值</a></dd>
        </dl>
        <a th:href="@{/moyue/user/index}" class="header-logo">墨阅小说</a>
        <form class="header-input" th:action="@{/moyue/book/searchbook}" enctype="multipart/form-data" method=post>
            <i class="fa fa-search" style="margin-left:10px;color: #CCCCCC;" ></i>&nbsp;&nbsp;|
            <input type="text" class="header-input-s" placeholder="斗罗大陆" name="bookName" onkeyup="fuz()">
            <input type="submit" class="header-input-b" value="提交">
        </form>
        <div class="clear"></div>
        <div class="sear-fuz none">
            <!--<a href="#" class="fuz">斗大陆</a>-->
        </div>
    </div>
    <div class="nav">
        <ul>
            <li class="lifrist"><a th:href="@{/moyue/user/allwork}">作品分类</a></li>
            <li class="lis"><a th:href="@{/moyue/user/allwork}">全部作品</a></li>
            <li class="lis lis-red"><a th:href="@{/moyue/book/seniority}">排行</a></li>
            <li class="lis"><a th:href="@{/moyue/user/finish}">完本</a></li>
            <li class="lis"><a th:href="@{/moyue/user/free}">免费</a></li>
            <li class="lis"><a th:href="@{/moyue/user/writerhtml}">作家专区</a></li>
        </ul>
    </div>
</div>
<div id="back"></div>
<div id="denglu">
    <div class="denglu-login">
        <div class="denglu-close" onclick="closes()"><i class="fa fa-close"></i></div>
        <div class="login-top">
            <div class="login-top-one">账号登陆</div>
        </div>
        <div class="login-center">关于墨阅网将实行<a href="#">手机绑定实名制的说明</a>
        </div>
        <input placeholder="手机/邮箱/用户名" id="user">
        <input placeholder="密码" id="password" type="password">
        <div class="self-motion">
            <input type="checkbox" style="width: 15px;height: 15px;margin: 0px">
            <span>下次自动登录</span>
        </div>
        <a th:href="@{/moyue/user/forgetPwdUI}" target="_blank" class="wangji">忘记密码</a>
        <a href="#"><div class="denglu-button" onclick="login()">登陆</div></a>
        <div class="denglu-three">
            <p>使用第三方账号登录</p>
            <div class="three-ss">
                <a href="javascript:;" class="three-ss-qq" style="background-color: #FF0036;font-size:25px;"><i class="fa fa-weibo" title="新浪微博"></i></a>
                <a href="https://github.com/login/oauth/authorize?client_id=6c861c60eb9fd46cfc6d" class="three-ss-qq" style="background-color: #111111;font-size: 25px" methods="get"><i class="fa fa-github" title="GitHub"></i> </a>
                <a href="javascript:;" class="three-ss-qq" style="background-color: #0a6397;font-size: 25px"><i class="fa fa-qq" title=""></i> </a>
                <a href="javascript:;" class="three-ss-qq" style="background-color: #419641;font-size: 25px"><i class="fa fa-linkedin" title=""></i> </a>
            </div>
            <p style="margin-top: 70px;padding-top: 10px;border-top: 1px solid #D1CCC7;">没有账号？<a th:href="@{/moyue/user/registerUI}" target="_blank" style="color: #36a803;">立即申请</a></p>
        </div>
    </div>
</div>
<div class="table">
    <div class="table-senior">
        <div class="table-senior-left">
            <div class="senior-left">
                <h4 ><a href="#" style="color: #FF0036">人气榜单<i class="iconfont"></i></a> </h4>
                <div class="senior-left-xian"></div>
                <h4>热门作品排行</h4>
                <ul>
                    <li><a href="">原创风云榜</a></li>
                    <li><a href="">24小时热销榜</a></li>
                    <li><a href="">会员点击榜</a></li>
                    <li><a href="">推荐票榜</a></li>
                    <li><a href="">原创风云榜</a></li>
                    <li><a href="">原创风云榜</a></li>
                    <li><a href="">原创风云榜</a></li>
                </ul>
            </div>
        </div>
        <div class="table-senior-right">
            <div class="senior-right-one">
                <h3 class="senior-right-text">人气榜单</h3>
                <div class="senior-right-type">
                    <p>
                        <a href="#"><span>全部分类</span></a>
                        <i>.</i>
                        <a href="#"><span>玄幻</span></a>
                        <i>.</i>
                        <a href="#"><span>科幻</span></a>
                        <i>.</i>
                        <a href="#"><span>武侠</span></a>
                        <i>.</i>
                        <a href="#"><span>都市</span></a>
                        <i>.</i>
                        <a href="#"><span>小说</span></a>
                        <i>.</i>
                    </p>
                </div>
            </div>
            <div class="senior-mod">
                <div class="mod-s">
                    <h3 class="mod-head">
                        原创销量榜
                        <a href="#" class="mod-head-many">更多</a>
                    </h3>
                    <div class="mod-book">
                        <ul>
                            <li class="mod-first">
                                <div class="mod-first-left">
                                    <h3 class="mod-first-bg">NO.1</h3>
                                    <h4>
                                        <a href="#" th:text="${firstRewards.bookName}">逝水流年</a>
                                    </h4>
                                    <p class="mod-piao">
                                        <span th:text="${firstRewards.bookCollections}"></span>销量
                                    </p>
                                    <p class="mod-autor">
                                        <span href="#" class="mod-autor-o" th:if="${firstRewards.bookIsEnd == 0}">连载</span>
                                        <span href="#" class="mod-autor-o" th:if="${firstRewards.bookIsEnd == 1}">完结</span>
                                        <i>.</i>
                                        <a href="#" class="mod-autor-a" th:text="${firstRewards.authorName}">
                                            鱼人二代
                                        </a>
                                    </p>
                                </div>
                                <div class="mod-first-right">
                                    <a href="#" th:href="'/moyue/book/bookView/'+ ${firstRewards.bookId}">
                                        <img th:src="'/moyue/Path/'+${firstRewards.bookCoverUrl}">
                                    </a>
                                </div>
                                <div class="clear"></div>
                            </li>
                            <!--<li>-->
                            <!--<div class="book-num">-->
                            <!--<span class="book-num2">2</span>-->
                            <!--</div>-->
                            <!--<div class="book-name">-->
                            <!--<a href="#" class="sen-book">-->
                            <!--学霸的黑科技系统-->
                            <!--</a>-->
                            <!--</div>-->
                            <!--</li>-->
                            <!--<li>-->
                            <!--<div class="book-num">-->
                            <!--<span class="book-num3">3</span>-->
                            <!--</div>-->
                            <!--<div class="book-name">-->
                            <!--<a href="#" class="sen-book">-->
                            <!--学霸的黑科技系统-->
                            <!--</a>-->
                            <!--</div>-->
                            <!--</li>-->
                            <li th:each="blogId,key : ${Rewardsbook}">
                                <div class="book-num">
                                    <span class="book-num4-10" th:text="${key.current.key}"></span>
                                </div>
                                <div class="book-name">
                                    <a href="#" class="sen-book" th:text="${key.current.value.bookName}" th:href="'/moyue/book/bookView/'+ ${key.current.value.bookId}">

                                    </a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="mod-s">
                    <h3 class="mod-head">
                        风云收藏榜
                        <a href="#" class="mod-head-many">更多</a>
                    </h3>
                    <div class="mod-book">
                        <ul>
                        <li class="mod-first">
                            <div class="mod-first-left">
                                <h3 class="mod-first-bg">NO.1</h3>
                                <h4>
                                    <a href="#" th:text="${firstclection.bookName}">逝水流年</a>
                                </h4>
                                <p class="mod-piao">
                                    <span th:text="${firstclection.bookCollections}"></span>收藏
                                </p>
                                <p class="mod-autor">
                                    <a href="#" class="mod-autor-o">
                                        都市
                                    </a>
                                    <i>.</i>
                                    <a href="#" class="mod-autor-a" th:text="${firstclection.authorName}">
                                        鱼人二代
                                    </a>
                                </p>
                            </div>
                            <div class="mod-first-right">
                                <a href="#" th:href="'/moyue/book/bookView/'+ ${firstclection.bookId}">
                                    <img th:src="'/moyue/Path/'+${firstclection.bookCoverUrl}">
                                </a>
                            </div>
                            <div class="clear"></div>
                        </li>
                        <!--<li>-->
                        <!--<div class="book-num">-->
                        <!--<span class="book-num2">2</span>-->
                        <!--</div>-->
                        <!--<div class="book-name">-->
                        <!--<a href="#" class="sen-book">-->
                        <!--学霸的黑科技系统-->
                        <!--</a>-->
                        <!--</div>-->
                        <!--</li>-->
                        <!--<li>-->
                        <!--<div class="book-num">-->
                        <!--<span class="book-num3">3</span>-->
                        <!--</div>-->
                        <!--<div class="book-name">-->
                        <!--<a href="#" class="sen-book">-->
                        <!--学霸的黑科技系统-->
                        <!--</a>-->
                        <!--</div>-->
                        <!--</li>-->
                        <li th:each="blogId,key : ${clectionbook}">
                            <div class="book-num">
                                <span class="book-num4-10" th:text="${key.current.key}"></span>
                            </div>
                            <div class="book-name">
                                <a href="#" class="sen-book" th:text="${key.current.value.bookName}" th:href="'/moyue/book/bookView/'+ ${key.current.value.bookId}">

                                </a>
                            </div>
                        </li>
                    </ul>
                    </div>
                </div>
                <div class="mod-s">
                    <h3 class="mod-head">
                        点击榜
                        <a href="#" class="mod-head-many">更多</a>
                    </h3>
                    <div class="mod-book">
                        <ul>
                            <li class="mod-first">
                                <div class="mod-first-left">
                                    <h3 class="mod-first-bg">NO.1</h3>
                                    <h4>
                                        <a href="#" th:text="${firstclick.bookName}">逝水流年</a>
                                    </h4>
                                    <p class="mod-piao">
                                        <span th:text="${firstclick.bookCollections}"></span>点击
                                    </p>
                                    <p class="mod-autor">
                                        <a href="#" class="mod-autor-o">
                                            都市
                                        </a>
                                        <i>.</i>
                                        <a href="#" class="mod-autor-a" th:text="${firstclick.authorName}">
                                            鱼人二代
                                        </a>
                                    </p>
                                </div>
                                <div class="mod-first-right">
                                    <a href="#" th:href="'/moyue/book/bookView/'+ ${firstclick.bookId}">
                                        <img th:src="'/moyue/Path/'+${firstclick.bookCoverUrl}">
                                    </a>
                                </div>
                                <div class="clear"></div>
                            </li>
                            <!--<li>-->
                            <!--<div class="book-num">-->
                            <!--<span class="book-num2">2</span>-->
                            <!--</div>-->
                            <!--<div class="book-name">-->
                            <!--<a href="#" class="sen-book">-->
                            <!--学霸的黑科技系统-->
                            <!--</a>-->
                            <!--</div>-->
                            <!--</li>-->
                            <!--<li>-->
                            <!--<div class="book-num">-->
                            <!--<span class="book-num3">3</span>-->
                            <!--</div>-->
                            <!--<div class="book-name">-->
                            <!--<a href="#" class="sen-book">-->
                            <!--学霸的黑科技系统-->
                            <!--</a>-->
                            <!--</div>-->
                            <!--</li>-->
                            <li th:each="blogId,key : ${clickbook}">
                                <div class="book-num">
                                    <span class="book-num4-10" th:text="${key.current.key}"></span>
                                </div>
                                <div class="book-name">
                                    <a href="#" class="sen-book" th:text="${key.current.value.bookName}" th:href="'/moyue/book/bookView/'+ ${key.current.value.bookId}">

                                    </a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="mod-s mod-mr0">
                    <h3 class="mod-head">
                        综合榜
                        <a href="#" class="mod-head-many">更多</a>
                    </h3>
                    <div class="mod-book">
                        <ul>
                            <li class="mod-first">
                                <div class="mod-first-left">
                                    <h3 class="mod-first-bg">NO.1</h3>
                                    <h4>
                                        <a href="#" th:text="${firstrank.bookName}">逝水流年</a>
                                    </h4>
                                    <p class="mod-piao">
                                        <span th:text="${firstrank.bookCollections}"></span>
                                    </p>
                                    <p class="mod-autor">
                                        <a href="#" class="mod-autor-o">
                                            都市
                                        </a>
                                        <i>.</i>
                                        <a href="#" class="mod-autor-a" th:text="${firstrank.authorName}">
                                            鱼人二代
                                        </a>
                                    </p>
                                </div>
                                <div class="mod-first-right">
                                    <a href="#" th:href="'/moyue/book/bookView/'+ ${firstrank.bookId}">
                                        <img th:src="'/moyue/Path/'+${firstrank.bookCoverUrl}">
                                    </a>
                                </div>
                                <div class="clear"></div>
                            </li>
                            <!--<li>-->
                            <!--<div class="book-num">-->
                            <!--<span class="book-num2">2</span>-->
                            <!--</div>-->
                            <!--<div class="book-name">-->
                            <!--<a href="#" class="sen-book">-->
                            <!--学霸的黑科技系统-->
                            <!--</a>-->
                            <!--</div>-->
                            <!--</li>-->
                            <!--<li>-->
                            <!--<div class="book-num">-->
                            <!--<span class="book-num3">3</span>-->
                            <!--</div>-->
                            <!--<div class="book-name">-->
                            <!--<a href="#" class="sen-book">-->
                            <!--学霸的黑科技系统-->
                            <!--</a>-->
                            <!--</div>-->
                            <!--</li>-->
                            <li th:each="blogId,key : ${rankbook}">
                                <div class="book-num">
                                    <span class="book-num4-10" th:text="${key.current.key}"></span>
                                </div>
                                <div class="book-name">
                                    <a href="#" class="sen-book" th:text="${key.current.value.bookName}" th:href="'/moyue/book/bookView/'+ ${key.current.value.bookId}">

                                    </a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="person-footer">
    <div class="footer">
        <div class="flider">
            <div style="margin: 0 auto; width: 405px;">
                <a href="////">关于墨阅</a>
                <a href="////">联系我们</a>
                <a href="////">加入我们</a>
                <a href="////">帮助中心</a>
                <a href="////">提交建议</a>
                <a href="////">举报中心</a>
            </div>
            <p><span>Copyright &copy; 2002-2018 www.qidian.com

 All Rights Reserved</span>版权所有 上海玄霆娱乐信息科技有限公司</p>
            <p>上海玄霆娱乐信息科技有限公司 增值电信业务经营许可证沪B2-20080046 出版经营许可证 新出发沪批字第U3718号 沪网文[2015]0081-031 新出网证（沪）字010 沪ICP备08017520号-1</p>
            <p>请所有作者发布作品时务必遵守国家互联网信息管理办法规定，我们拒绝任何色情小说，一经发现，即作删除！举报电话：010-59357051</p>
            <p>本站所收录的作品、社区话题、用户评论、用户上传内容或图片等均属用户个人行为。如前述内容侵害您的权益，欢迎举报投诉，一经核实，立即删除，本站不承担任何责任</p>
            <p>联系方式 总机 021-61870500 地址：中国（上海）自由贸易试验区碧波路690号6号楼101、201室</p>
        </div>
    </div>
</div>
</body>
<script th:src="@{/moyue/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{/moyue/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/moyue/js/all.js}"></script>
</html>